<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" type="text/css" href="../bootstrap-3.3.7-dist/css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="../swiper-5.3.6/package/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<title>恒洁卫浴官网 - 恒于心，专于质_洁具浴缸_智能马桶_浴室柜_花洒_淋浴房_中国十大卫浴品牌</title>
		<link rel="shortcut icon" type="image/png" href="img/favicon.png"/>
	</head>
	<body>
		<!-- 导航栏 -->
		<header>
			<div class="logo pull-left">
				<a href=""><img src="img/theme-bright-logo.png"></a>
			</div>
			<div class="header pull-right">
				<nav>
					<ul>
						<li>
							<a href="" class="hover-active">畅销榜单</a>
						</li>
						<li>
							<a href="" class="hover-active">明星系列</a>
						</li>
						<li>
							<a href="" class="hover-active">产品一览</a>
						</li>
						<li>
							<a href="" class="hover-active">套间灵感</a>
						</li>
						<li>
							<a href="" class="hover-active">技术服务</a>
						</li>
						<li>
							<a href="" class="hover-active">关于恒洁</a>
						</li>
						<li>
							<a href="" class="hover-active">官方商城</a>
						</li>
						<li>
							<a href="" class="hover-active">网点查询</a>
						</li>
						<li class="seach-icon">
							<a href=""><span class="glyphicon glyphicon-search"></span></a>
						</li>
						<li>
							<a href="">EN</a>
						</li>
					</ul>
				</nav>
				<div class="site-assistant">
					<a href="" class="assistant-switch">
						<img src="img/icon-assistant-open.jpg" class="img-responsive">
					</a>
					<div class="site-line">

					</div>
					<ul>
						<li>
							<a href="" class="assistant-icon">
								<img src="img/assistant-icon-01.png" class="img-responsive">
								<span>最新活动</span>
							</a>
							<div class="assistant-pop">
								<a href="">
									<img src="img/500-185.jpg">
								</a>
								<a href="">
									<img src="img/500x185-2.jpg">
								</a>
								<a href="">
									<img src="img/assistant-banner-20180510.jpg">
								</a>
							</div>
						</li>
						<li>
							<a href="" class="assistant-icon">
								<img src="img/assistant-icon-02.png" class="img-responsive">
								<span>在线客服</span>
							</a>
						</li>
						<li>
							<a href="" class="assistant-icon">
								<img src="img/assistant-icon-03.png" class="img-responsive">
								<span>网点查询</span>
							</a>
						</li>
						<li>
							<a href="" class="assistant-icon">
								<img src="img/assistant-icon-wechat.png" class="img-responsive">
								<span>关注微信</span>
							</a>
							<div class="assistant-pop pop-wx">
								<a href="">
									<img src="img/qrcode-wechat-top.png">
								</a>
							</div>
						</li>
						<li>
							<a href="" class="assistant-icon">
								<img src="img/assistant-icon-weibo.png" class="img-responsive">
								<span>关注微博</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="docker-container">
				<div class="docker-content clearfix">
					<div class="docker-content-width pull-right">
						<!-- 明星系列 -->
						<div class="docker-container-selection docker-container-item clearfix">
							<ul>
								<li class="col-md-6">
									<a href="">
										<span>&nbsp;</span>
										<span>智能双Q</span>
									</a>
								</li>
								<li class="col-md-6">
									<a href="">
										<span>&nbsp;</span>
										<span>唤新浴室柜</span>
									</a>
								</li>
							</ul>
						</div>
						<!-- 产品一览 -->
						<div class="docker-container-product docker-container-item clearfix">
							<ul>
								<li class="col-md-2">
									<img src="img/nav-listmenu-01_1.jpg" class="img-responsive">
									<h5>卫生区</h5>
									<ul>
										<li><a href="">智能一体机</a></li>
										<li><a href="">智能盖板</a></li>
										<li><a href="">坐便器</a></li>
										<li><a href="">蹲便器/配件</a></li>
									</ul>
								</li>
								<li class="col-md-2">
									<img src="img/nav-listmenu-02.jpg" class="img-responsive">
									<h5>盥洗区</h5>
									<ul>
										<li><a href="">浴室柜</a></li>
										<li><a href="">面盆</a></li>
										<li><a href="">面盆龙头</a></li>
									</ul>
								</li>
								<li class="col-md-2">
									<img src="img/nav-listmenu-03.jpg" class="img-responsive">
									<h5>淋浴区</h5>
									<ul>
										<li><a href="">花洒</a></li>
										<li><a href="">淋浴龙头</a></li>
										<li><a href="">淋浴房</a></li>
										<li><a href="">浴缸</a></li>
										<li><a href="">浴缸龙头</a></li>
									</ul>
								</li>
								<li class="col-md-2">
									<img src="img/nav-listmenu-04.jpg" class="img-responsive">
									<h5>浴室小五金</h5>
									<ul>
										<li><a href="">五金挂件</a></li>
										<li><a href="">五金配件</a></li>
									</ul>
								</li>
								<li class="col-md-2">
									<img src="img/nav-listmenu-05.jpg" class="img-responsive">
									<h5>厨房阳台</h5>
									<ul>
										<li><a href="">水槽</a></li>
										<li><a href="">厨房龙头</a></li>
										<li><a href="">洗衣柜</a></li>
										<li><a href="">拖把池</a></li>
										<li><a href="">阳台五金</a></li>
									</ul>
								</li>
								<li class="col-md-2">
									<img src="img/nav-listmenu-06.jpg" class="img-responsive">
									<h5>商用产品</h5>
									<ul>
										<li><a href="">商用电子产品</a></li>
										<li><a href="">商用五金</a></li>
										<li><a href="">商用便器</a></li>
										<li><a href="">小便斗</a></li>
									</ul>
								</li>
							</ul>
						</div>
						<div class="docker-container-support docker-container-item clearfix">
							<ul>
								<li class="col-md-3">
									<a href="">
										<span>&nbsp;</span>
										<span>智能双Q</span>
									</a>
								</li>
								<li class="col-md-3">
									<a href="">
										<span>&nbsp;</span>
										<span>唤新浴室柜</span>
									</a>
								</li>
								<li class="col-md-3">
									<a href="">
										<span>&nbsp;</span>
										<span>唤新浴室柜</span>
									</a>
								</li>
								<li class="col-md-3">
									<a href="">
										<span>&nbsp;</span>
										<span>唤新浴室柜</span>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</header>
		<!-- swiper轮播 -->
		<div class="swiper-container">
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="">
						<img src="img/22周年.jpg">
					</a>
				</div>
				<div class="swiper-slide">
					<a href="">
						<img src="img/pc_home_20200202.png" class="pc_home">
					</a>
				</div>
				<div class="swiper-slide">
					<a href="">
						<img src="img/当潮一品.jpg">
					</a>
				</div>
				<div class="swiper-slide">
					<a href="">
						<img src="img/kv1.jpg">
					</a>
				</div>
				<div class="swiper-slide">
					<a href="">
						<img src="img/kv2.jpg">
					</a>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<!-- 轮播结束 -->
		<!-- 中部导航 -->
		<div class="sticky-wrapper">
			<div class="sticky-content container">
				<ul class="toggle-icon clearfix exclude-default">
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-01-off.png" class="img-responsive"></span>
							<span>智能坐便器</span>
						</a>
						<ul>
							<li><a href="">智能一体机</a></li>
							<li><a href="">智能盖板</a></li>
						</ul>
					</li>
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-02-off.png" class="img-responsive"></span>
							<span>浴室家具</span>
						</a>
						<ul>
							<li><a href="">浴室柜</a></li>
						</ul>
					</li>
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-03-off.png" class="img-responsive"></span>
							<span>陶瓷便器</span>
						</a>
						<ul>
							<li><a href="">坐便器</a></li>
							<li><a href="">蹲便器/配件</a></li>
						</ul>
					</li>
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-04-off.png" class="img-responsive"></span>
							<span>洗漱产品</span>
						</a>
						<ul>
							<li><a href="">面盆</a></li>
							<li><a href="">面盆龙头</a></li>
						</ul>
					</li>
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-05-off.png" class="img-responsive"></span>
							<span>花洒组合</span>
						</a>
						<ul>
							<li><a href="">花洒</a></li>
						</ul>
					</li>
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-06-off.png" class="img-responsive"></span>
							<span>淋浴产品</span>
						</a>
						<ul>
							<li><a href="">淋浴房</a></li>
							<li><a href="">淋雨龙头</a></li>
							<li><a href="">花洒</a></li>
						</ul>
					</li>
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-07-off.png" class="img-responsive"></span>
							<span>沐浴产品</span>
						</a>
						<ul>
							<li><a href="">浴缸</a></li>
							<li><a href="">浴缸龙头</a></li>
						</ul>
					</li>
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-08-off.png" class="img-responsive"></span>
							<span>其他配件</span>
						</a>
						<ul>
							<li><a href="">水槽</a></li>
							<li><a href="">厨房龙头</a></li>
							<li><a href="">洗衣柜</a></li>
							<li><a href="">拖把池</a></li>
							<li><a href="">阳台五金</a></li>
						</ul>
					</li>
					<li>
						<a href="" class="toggle clearfix">
							<span><img src="img/product-series-09-off.png" class="img-responsive"></span>
							<span>商用</span>
						</a>
						<ul>
							<li><a href="">小便斗</a></li>
							<li><a href="">商用电子类</a></li>
							<li><a href="">商用五金</a></li>
							<li><a href="">商用便器</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<!-- 中部导航结束 -->
		<!-- 特殊产品 -->
		<div class="special-product full-width">
			<img src="img/index-img1.jpg" class="img-responsive">
			<a href="" class="btn-hegil btn-hegii-default">了解详情</a>
		</div>
		<div class="hot-product auto-vertical-align">
			<img src="img/index-img2.jpg" class="img-responsive">
			<div class="product-board-container">
				<div class="product-board pull-right">
					<div class="product-board-title">
						<div class="col-md-12">
							<img src="img/hot-product-title.png" class="img-responsive">
						</div>
					</div>
					<div class="col-md-6">
						<div class="toggle-mask revert-mask">
							<img src="img/269-186.jpg" class="img-responsive">
							<div class="mask">
								<h5>
									<span class="glyphicon glyphicon-minus"></span>
									简奢系列
								</h5>
								<p><a href="" class="pull-right">+</a>浴室柜</p>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="toggle-mask revert-mask">
							<img src="img/269-186-1.jpg" class="img-responsive">
							<div class="mask">
								<h5>
									<span class="glyphicon glyphicon-minus"></span>
									乐氧新翼
								</h5>
								<p><a href="" class="pull-right">+</a>花洒</p>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="toggle-mask revert-mask">
							<img src="img/269-186-2.jpg" class="img-responsive">
							<div class="mask">
								<h5>
									<span class="glyphicon glyphicon-minus"></span>
									易至系列
								</h5>
								<p><a href="" class="pull-right">+</a>淋浴房</p>
							</div>
						</div>
					</div>
					<div class="col-md-6">
						<div class="toggle-mask revert-mask">
							<img src="img/269-186-3.jpg" class="img-responsive">
							<div class="mask">
								<h5>
									<span class="glyphicon glyphicon-minus"></span>
									恒洁Q8
								</h5>
								<p><a href="" class="pull-right">+</a>智能坐便器</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="product-q8-container vertical-align-item">
				<!-- ranking头等的 -->
				<div class="product-q8-ranking">
					<h3>
						<span class="glyphicon glyphicon-minus"></span>
						恒洁Q9
					</h3>
					<p>智能坐便器</p>
					<p>
						<a href="" class="btn-hegil btn-hegii-white">了解详情</a>
						<a href="" class="rank-like">
							<span class="glyphicon glyphicon-heart"></span>&nbsp;
							<small>7152</small>赞
						</a>
					</p>
				</div>
				<div class="product-q8">
					<img src="img/598-390.jpg" class="img-responsive">
				</div>
			</div>
		</div>
		<div class="full-width">
			<a href="">
				<img src="img/index-img3.jpg" class="img-responsive">
			</a>
		</div>
		<div class="news clearfix">
			<div class="col-md-6">
				<a href="">
					<img src="img/600x600-2018doubleq.jpg" class="img-responsive">
					<div class="mask">
						恒洁智能双Q生活
					</div>
				</a>
			</div>
			<div class="col-md-6">
				<a href="">
					<img src="img/cabinet600x600.jpg" class="img-responsive">
					<div class="mask">
						从更美的原点 去更好的生活
					</div>
				</a>
			</div>
		</div>
		<div class="recommend clearfix">
			<div class="col-md-4">
				<a href="">
					<img src="img/recommend-01.jpg" class="img-responsive">
					<div class="mask">
						恒洁技术
					</div>
				</a>
			</div>
			<div class="col-md-4">
				<a href="">
					<img src="img/recommend-02.jpg" class="img-responsive">
					<div class="mask">
						恒洁服务
					</div>
				</a>
			</div>
			<div class="col-md-4">
				<a href="">
					<img src="img/recommend-03.jpg" class="img-responsive">
					<div class="mask">
						关于我们
					</div>
				</a>
			</div>
		</div>
		<!-- 页脚 -->
		<footer class="footer">
			<div class="container">
				<div class="clearfix footer-nav">
					<div class="col-md-8">
						<ul class="col-md-3">
							<li>
								<h5>快速链接</h5>
							</li>
							<li><a href="">畅销榜单</a></li>
							<li><a href="">智能双Q</a></li>
							<li><a href="">官方商城</a></li>
							<li><a href="">网点查询</a></li>
							<li><a href="">恒洁百科</a></li>
						</ul>
						<ul class="col-md-3">
							<li>
								<h5>产品分类</h5>
							</li>
							<li><a href="">智能一体机</a></li>
							<li><a href="">智能盖板</a></li>
							<li><a href="">坐便器</a></li>
							<li><a href="">浴室柜</a></li>
							<li><a href="">花洒</a></li>
							<li><a href="">淋浴房</a></li>
							<li><a href="">浴缸</a></li>
							<li><a href="">面盆</a></li>
						</ul>
						<ul class="col-md-3">
							<li>
								<h5>关于恒洁</h5>
							</li>
							<li><a href="">品牌文化</a></li>
							<li><a href="">发展历程</a></li>
							<li><a href="">品牌荣誉</a></li>
							<li><a href="">全部新闻</a></li>
							<li><a href="">加入我们</a></li>
							<li><a href="">恒洁影相</a></li>
							<li><a href="">工程案例</a></li>
							<li><a href="">联系我们</a></li>
						</ul>
					</div>
					<div class="col-md-4">
						<div class="footer-logo">
							<img src="img/footer-logo-big.png" class="img-responsive">
						</div>
						<div class="footer-logo">
							<img src="img/footer-logo-chinabrand.png" class="img-responsive">
						</div>
						<p>全国服务热线</p>
						<p class="tel">400-833-1350</p>
						<div class="clearfix footer-social">
							<p>关注我们：</p>
							<div class="social-wechat">
								<a href=""></a>
								<div class="social-wechat-pop">
									<img src="img/qrcode-wechat-footer.jpg" class="img-responsive">
								</div>
							</div>
							<div class="social-weibo">
								<a href=""></a>
							</div>
						</div>
						<p>服务时间：8:30-20:30</p>
					</div>
				</div>
				<div class="clearfix copyright">
					<div class="col-md-5">
						<ul class="clearfix">
							<li><a href="">隐私声明</a></li>
							<li><a href="">法律声明</a></li>
							<li><a href="">联系我们</a></li>
							<li><a href="">网站地图</a></li>
						</ul>
					</div>
					<div class="col-md-7">
						广东恒洁卫浴有限公司版权所有 COPYRIGHT 2020 HEGII
						<a href="">粤ICP备10071902号-4</a><br>
						<small>*广告描述以本网站描述为准</small>
					</div>
				</div>
			</div>
		</footer>
		<!-- 返回顶部 -->
		<div class="go-top">
			<a href="">
				<img src="img/btn-go-top.jpg" class="img-responsive">
			</a>
		</div>
		<script src="jQuery.js"></script>
		<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
		<script src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
		<script src="../swiper-5.3.6/package/js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/index.js"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('.swiper-container', {
				direction: 'horizontal',
				loop: true, // 循环模式选项
				//自动播放
				autoplay: {
					delay: 3000,
					stopOnLastSlide: true,
				},
				effect: 'fade',
				fadeEffect: {
					crossFade: true,
				},
				pagination: {
					el: '.swiper-pagination',
				},
			})
		</script>
	</body>
</html>
